<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字体、文本、盒子模型属性</title>
    <style>
        /*字体属性*/
        #font_one{
            /*设置字体的大小、字体、样式为倾斜、粗细为加粗、颜色*/
            font-size: 24px;
            font-family: 华文楷体;
            font-style: italic;
            font-weight: bold;
            color: red;
        }

        /*文本属性 设置文本的对齐方式 文本修饰 文本缩进 文本行高*/
        #text_one{
            /*设置文本为居中对齐 加一个删除线 文本缩进  行高 行高也可以用来设置垂直居中 主要将行高和父容器的高度设置为一样*/
            padding: 20px;
            border: 1px solid red;
            text-align: center;
            text-decoration: line-through ;
            text-indent: 12px;
            line-height: 12px;
        }

        /*设置盒子模型 主要是设置宽度 高度 边框 外边距 内边距*/
        /*行级标签不能设置宽度和高度  可以使用display属性改变*/
        #box_one{
            width: 300px;
            height: 300px;
            border: 2px solid red;
            margin: 10px;
            padding: 20px;
        }
        #box_two{
            width: 300px;
            height: 300px;
            border: 2px solid red;
            margin: 10px;
            padding: 20px;
            display: block;
        }
        body{
            margin: 0px;
        }
    </style>
</head>
<body>

    <div id="font_one">
        阿双方均暗室逢灯无计划润肤下水阀爱上的回复亢技术的回复安师傅文化飞氨基酸的划分开文化流阿拉山口键返回䀤金凤凰无诶合法阿偶文化节长度和覅㐎发U让我很符合 安徽省妇委会 奥斯卡的发挥㐎U和符合法开始发货卡时间段防护网双方会晤
    </div>

    <div id="text_one">
        奥科吉维护发放更加爱上的回复我阿拉基微乳爱护份阿坝啊奥科吉维护发放更加爱上的回复我阿拉基微乳爱护份阿坝啊奥科吉维护发放更加爱上的回复我阿拉基微乳爱护份阿坝啊
    </div>

    <div id="box_one">
        阿虎爱睡觉都护府按时维护卡时间的回复i无任何按实际符合玩儿卡时间很复杂VB汇总表阿卡水电费企微云阿康师傅欧文IE㢣
    </div>
    <spen id="box_two">
        画 拉身上 爱上咖啡卡女哦IE乱飞机阿克汉iweut8阿拉基许阿拉丁我配偶啊爱上了飞机阿萨德挖掘安居房欧文会计法哦啊无减法AV学年阿斯加德该无尽的法那些年差电镀费飞机奥卡福键位安居房 的
    </spen>
</body>
</html>